function empSocialDetail(employeeId, period, dataCome) {
	// 数据状态的下拉框
	var isValidCombox = new Ext.form.ComboBox({
		fieldLabel : '数据状态',
		hiddenName : 'is_valid',
		id : 'dataCome',
		readOnly : true,
		disabled : true,
		store : new Ext.data.SimpleStore({
			fields : ['key', 'value'],
			data : isValid
		}),
		displayField : 'value',
		valueField : 'key',
		typeAhead : true,
		mode : 'local',
		triggerAction : 'all',
		anchor : '90%',
		width : 150
	});
	var searchPanel = new Ext.form.FormPanel({
				frame : true,
				anchor : '90%',
				width : 800,
				id : 'searchPanelForm',
				bodyStyle : 'padding:5px 5px 0',
				layout : 'column',
				items : [{
							columnWidth : 1,
							layout : 'form',
							xtype : 'label',
							text : '客户中文名称：' + session_companyName
						}, {
							columnWidth : .5,
							layout : 'form',
							items : [{
										xtype : 'textfield',
										fieldLabel : '雇员姓名',
										readOnly : true,
										name : 'name',
										id : 'name',
										anchor : '90%'
									}, {
										xtype : 'textfield',
										fieldLabel : '年度月份',
										readOnly : true,
										anchor : '90%',
										name : 'period',
										id : 'period'
									}, {
										xtype : 'textfield',
										fieldLabel : '社保总额',
										readOnly : true,
										anchor : '90%',
										name : 'personTotal',
										id : 'personTotal'
									}]
						}, {
							columnWidth : .5,
							layout : 'form',
							items : [{
										fieldLabel : '雇员编号',
										readOnly : true,
										anchor : '90%',
										name : 'empCode',
										id : 'empCode',
										xtype : 'textfield'
									}, isValidCombox, {
										fieldLabel : '计税金额',
										readOnly : true,
										anchor : '90%',
										name : 'personTaxTotal',
										id : 'personTaxTotal',
										xtype : 'textfield'
									}]

						}]
			});

	// 数据源
	empSocialStore = new Ext.data.Store({
		url : 'empSocialResultAction!QueryEmpSocialList.action',
		reader : new Ext.data.JsonReader({
			root : 'empSocialList',
			id: 'empSocialStore'
		}, [{
			name : 'social_security_id',
			mapping : 'social_security_id'
		}, {
			name : 'show_name',
			mapping : 'show_name'

		}, {
			name : 'social_typename',
			mapping : 'social_typename'
		}, {
			name : 'employee_id',
			mapping : 'employee_id'
		}, {
			name : 'person_base_value',
			mapping : 'person_base_value'
		}, {
			name : 'person_percent_value',
			mapping : 'person_percent_value'
		}, {
			name : 'person_result',
			mapping : 'person_result'
		}, {
			name : 'company_base_value',
			mapping : 'company_base_value'
		}, {
			name : 'company_percent_value',
			mapping : 'company_percent_value'
		}, {
			name : 'company_result',
			mapping : 'company_result'
		}, {
			name : 'person_tax',
			mapping : 'person_tax'
		}, {
			name : 'company_tax',
			mapping : 'company_tax'
		}])
	});
	empSocialStore.on('beforeload', function() {
		empSocialStore.baseParams = {
			'filter.employeeId' : employeeId,
			'filter.dateFrom' : period,
			'filter.dateTo' : period,
			'filter.dataCome' : dataCome
		}
	});
	empSocialStore.load();

	var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
		header : '社保项目名称',
		dataIndex : 'show_name',
		width : 150
	}, {
		header : '所属分类',
		dataIndex : 'social_typename',
		width : 100
	}, {
		header : '个人基数',
		dataIndex : 'person_base_value',
		width : 60
	}, {
		header : '个人比例',
		dataIndex : 'person_percent_value',
		width : 60
	}, {
		header : '个人缴纳数',
		dataIndex : 'person_result',
		width : 70
	}, {
		header : '企业基数',
		dataIndex : 'company_base_value',
		width : 60
	}, {
		header : '企业比例',
		dataIndex : 'company_percent_value',
		width : 60
	}, {
		header : '企业缴纳数',
		dataIndex : 'company_result',
		width : 70
	}, {
		header : '个人应税',
		dataIndex : 'person_tax',
		width : 60
	}, {
		header : '企业应税',
		dataIndex : 'company_tax',
		width : 60
	}]);

	var empSocialListGrid = new Ext.grid.GridPanel({
		height : 210,
		width : 800,
		anchor : '90%',
		id : 'empSocialListGrid',
		cm : cm,
		store : empSocialStore,
		loadMask : true,
		loadMask : {
			msg : '正在加载数据...'
		}
	});

	var csEmpSocialResultDetailWin = new Ext.Window({
		closable : true,
		draggable : true,
		id:'csEmpSocialResultDetailWin',
		region : 'center',
		title : '社保明细查看',
		width : 800,
		height : 350,
		plain : true,
		items : [searchPanel, empSocialListGrid]
	});

	Ext.Ajax.request({
		url : "empSocialResultAction!QueryEmpSocialTotal.action",
		method : "post",
		params : {
			'filter.employeeId' : employeeId,
			'filter.dateFrom' : period,
			'filter.dateTo' : period,
			'filter.dataCome' : dataCome
		},
		success: function(response,options){
				var responseTextValue = Ext.util.JSON.decode(response.responseText);
				//alert(responseTextValue.empSocialTotal.dataCome);
				Ext.getCmp('searchPanelForm').getForm().setValues(responseTextValue.empSocialTotal);
			}	
	});
	csEmpSocialResultDetailWin.show();
}
